<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="day" id="day" /><button id="btn">点击</button>
    <script>
        // switch case ;
        // var dayEle = document.getElementById("day");
        // var btnEle = document.getElementById("btn");
        // btnEle.onclick = function(){
        //     var day = dayEle.value;
        //     if(day==1 || day==2){
        //         alert("吃鱼香肉丝");
        //     }else if(day==3 || day==4){
        //         alert("吃鱼香茄子");
        //     }else{
        //         alert("吃火锅")
        //     }
        // }


        // switch case ;

        // var a = prompt("输入值");
        // switch(a){
        //     case "1":
        //         console.log("a的值是1");
        //         break;
        //     case "2":
        //         console.log("a的值是2");
        //         break;
        //     case "3":
        //         console.log("a的是值是3");
        //         break;
        //     default:
        //         console.log("所有其他的情况");
        //         break;
        // }
        // 1.switch case  判断 是全等于(===)的情况

        // if(a===1){
        //     console.log("a的值是1");
        // }else if(a===2){
        //     console.log("a的值是2");
        // }else if(a===3){
        //     console.log("a的是值是3");
        // }else{
        //     console.log("所有其他的情况");
        // }


        // 2.switch case 不能直接做范围判断
        // 野路子（了解）： 把switch里的内容换成 true；
        // var a = parseInt( prompt("输入值"));
        // switch(true){
        //     case a>=60 && a<70:
        //         console.log("及格了");
        //         break;
        //     case a>=70 && a<80:
        //         console.log("良好");
        //         break;
        //     default:
        //         console.log("其他情况");
        //         break;
        // }


        // 3.switch case 如果不写break 那么 case 会穿透 ；

        var dayEle = document.getElementById("day");
        var btnEle = document.getElementById("btn");
        btnEle.onclick = function () {
            var day = parseInt( dayEle.value);

            // 全等于 ===
            switch (day) {
                case 1:
                case 2:
                    alert("吃鱼香肉丝");
                    break;
                case 3:
                case 4:
                    alert("吃鱼香茄子");
                    break;
                default:
                    alert("吃火锅")
                    break;

            }

            // if(day==1 || day==2){
            //     alert("吃鱼香肉丝");
            // }else if(day==3 || day==4){
            //     alert("吃鱼香茄子");
            // }else{
            //     alert("吃火锅")
            // }
        }


// 1.复习 2.作业 3.预习 ；





    </script>
</body>

</html>